<template>
  <component
    :is="type"
    :data="data"
    :options="options"
    ref="chart"
    :dispatchAction="dispatchAction"
  ></component>
</template>

<script>
import Basic from "@/MCharts/components/pie/Basic";
import Rose from "@/MCharts/components/pie/Rose";
import SpacecgPie from "@/MCharts/components/pie/SpacecgPie";
import SpacecgPieWide from "@/MCharts/components/pie/SpacecgPieWide";
export default {
  name: "MChartsPie",
  data() {
    return {};
  },
  props: {
    data: {},
    options: {},
    type: {
      type: String,
      default: "Basic",
      // default: 'Rose'
      // default: 'SpacecgPie'
    },
    width: {
      type: Number,
      default: 400,
    },
    height: {
      type: Number,
      default: 400,
    },
    dispatchAction: {
      type: Object || Array,
    },
  },
  computed: {},
  components: {
    Basic,
    Rose,
    SpacecgPie,
    SpacecgPieWide,
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "@/MCharts/style/var.scss";
</style>
